<script>
import { healthylist } from "@/api/healthy";
import {ArrowLeftBold}from  "@element-plus/icons-vue"
export default {
  data() {
    return {
      list: [],
      // xr:this.list[0]
    };
  },
  beforeMount() {
    healthylist().then((res) => {
      console.log(res);
      this.list = res;
    });
  },
  methods:{
    tz(){
        this.$router.back()
       }
  },
  components:{
    ArrowLeftBold
  }
};
</script>
<template>
  <div>
    查看
    <div class="box">
        <el-icon @click="tz" class="fh"><ArrowLeftBold /></el-icon>
      <h1>带药提醒</h1>
      ----------------------------------------
      <h3>张天天/一年级(1)班</h3>
      <p>张天天妈妈 2002年5月11日09:00</p>
      <p>接收人:杨老师</p>
      <p>用药日期:2002年09月10号</p>
      <p>内容:感冒药,一天吃三次,一次一颗</p>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.box {
  height: 500px;
  background-color: white;
  margin-top: 20px;
}
.fh{
    width: 30px;
    height: 30px;
    background-color: rgb(48, 146, 225);
    margin-left: 20px;
    border-radius: 7px;
    margin-top: 10px;
}
</style>